
import { CSSProperties, useEffect, useState } from 'react';
import styled from 'styled-components';
import { Button, Modal, Select } from 'antd';
import { PlusOutlined } from '@ant-design/icons';

import { CategoryList, DataCategoryList } from '../../components';
import { AddDataSourceDialog } from './components';
import { DataSource } from '../../services';

export const DataGenerateViewerPage = (props: { style?: CSSProperties }) => {


    return (
        <Container style={props.style}>
            敬请期待~
        </Container>
    );
}

const Container = styled.div`
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
`;

const EmptyContainer = styled.div`
    flex: 1;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:12px;
`;